<script setup>
import StillsGallery from '../components/StillsGallery.vue'

const modules = import.meta.glob('../assets/images/stills/*.{jpg,jpeg,png,webp}', { eager: true })

const images = Object.entries(modules)
  .sort(([a], [b]) => a.localeCompare(b))
  .map(([, mod]) => mod.default)
</script>

<template>
  <div class="section">
    <div class="container" v-reveal>
      <el-page-header content="《浪浪山小妖怪》剧照" />
      <StillsGallery class="mt" :images="images" />
    </div>
  </div>
</template>

<style scoped>
.mt { margin-top: 16px }
</style> 